<!DOCTYPE html>
<html
        xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
        layout:decorator="layout">

<head>
    <link rel="stylesheet" href="/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/layuiadmin/style/admin.css" media="all">
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>

    </style>
</head>

<div layout:fragment="body" class="layui-fluid">
    <div class="layui-row layui-col-space15">

        <div class="layui-col-sm6 layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-header">
                    潜在客户昨日新增
                </div>
                <div class="layui-card-body" id="chart3">

                </div>
            </div>
        </div>

        <div class="layui-col-sm6 layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-header">
                    意向客户昨日新增
                </div>
                <div class="layui-card-body" id="chart4">

                </div>
            </div>
        </div>

        <div class="layui-col-sm6 layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-header">
                    潜在客户数
                </div>
                <div class="layui-card-body" id="chart5">

                </div>
            </div>
        </div>

        <div class="layui-col-sm6 layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-header">
                    意向客户数
                </div>
                <div class="layui-card-body" id="chart6">

                </div>
            </div>
        </div>

        <div class="layui-col-sm12 layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header">
                    潜在客户最近7日统计
                </div>
                <div class="layui-card-body"  id="chart1" style="height: 200px;">

                </div>
            </div>

        </div>


        <div class="layui-col-sm12 layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header">
                    意向客户最近7日统计
                </div>
                <div class="layui-card-body"  id="chart2" style="height: 200px;">

                </div>
            </div>

        </div>
    </div>

</div>

<div layout:fragment="includeScript">
    <script src="/js/echarts.min.js"></script>
    <script th:replace="common/report :: func"></script>
</div>
<script type="text/javascript" layout:fragment="script">/*<![CDATA[*/
$(function() {
    renderReport("chart3", {id : "report_mtg_000000000000000000003"});
    renderReport("chart4", {id : "report_mtg_000000000000000000004"});
    renderReport("chart5", {id : "report_mtg_000000000000000000005"});
    renderReport("chart6", {id : "report_mtg_000000000000000000006"});

    renderReport("chart1", {id : "report_mtg_000000000000000000001"});
    renderReport("chart2", {id : "report_mtg_000000000000000000002"});
});
/*]]>*/</script>


</html>
